//页面打开之后会有一个默认的值
let form = layui.form;
//获取用户信息,渲染页面
function renderUser(){
  $.ajax({
    type:'get',
    url:'/my/userinfo',
    success:function(res){
      if(res.status === 0){
        // $('input[name=username]').val(res.data.username);
        // $('input[name=nickname]').val(res.data.nickname);
        // $('input[name=email]').val(res.data.email);
        // $('input[name=id]').val(res.data.id);
        form.val('abc' , res.data);
        //abc 对应的是<form lay-filter = 'abc'>
      }
    }
  })
}
renderUser();


//填写好表单之后上传
$('form').on('submit' , function(e){
  e.preventDefault();
  let data = $(this).serialize();
  console.log(data);
  $.ajax({
    type:'POST',
    url:'/my/userinfo',
    data:data,
    success:function(res){
      if (res.status === 0){
        //把表单的数据上传到服务器,这个过程封装过函数,在父页面上有定义过这个函数
        window.parent.getuserinfo();
      }
    }
  })
})

//重置按钮,不是清空,是还原回默认信息
$('button:contains("重置")').on('click' , function(e){
  e.preventDefault();
  renderUser();
})